<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 引入图标 -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <!-- 引入初始化样式文件 -->
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2680045_yn3zvga3zrj.css">
    <link rel="stylesheet" href="css/index_pc.css">
    <title>超凡科技</title>
</head>
<body>
    <!-- 顶部导航栏 -->
    <header class="w_2">
        <div class="header w">
            <div class="header_left">
                <img src="images/logo.png" alt="">
                <i>|</i>
                <img src="images/logo_2.png" alt="">
            </div>
            <ul class="header_right">
                <li>
                    <a href="index.html">首页</a>
                </li>
                <li>
                    <a href="#">服务</a>
                </li>
                <li>
                    <a href="#">作品</a>
                </li>
                <li>
                    <a href="#">运维</a>
                </li>
                <li>
                    <a href="#">实力</a>
                </li>
                <li>
                    <a href="#">新闻</a>
                </li>
                <li>
                    <a href="#">关于</a>
                </li>
                <li>
                    <a href="#">联络</a>
                </li>
            </ul>
        </div>
    </header>
    <!-- 焦点图 -->
    <div class="focus w_2">
        <img src="images/12.jpg" alt="">
    </div>
    <!-- Business模块 -->
    <div class="business w_2">
        <div class="business_top">
            <h1>Business</h1>
            <h3>超凡科技实现产品全面覆盖一站式管理解决方案</h3>
            <h3>一对一服务,良好的售后服务,超凡科技是值得您信赖的华南地区网站建设公司</h3>
        </div>
        <div class="business_bottom w">
            <img src="images/4.jpg" alt="">
            <img src="images/2.jpg" alt="">
            <img src="images/9.jpg" alt="">
            <img src="images/3.jpg" alt="">
            <img src="images/5.jpg" alt="">
            <img src="images/1.jpg" alt="">
        </div>
    </div>
    <!-- Clients模块 -->
    <div class="clients w_2">
        <div class="business_top">
            <h1>Clients</h1>
            <h3>超凡科技服务于这些客户,为他们塑造全新的互联网品牌形象</h3>
        </div>
        <div class="clients_bottom w">
            <div>
                <img src="images/10.png" alt="">
            </div>
            <div>
                <img src="images/8.png" alt="">
            </div>
            <div>
                <img src="images/10.png" alt="">
            </div>
            <div>
                <img src="images/8.png" alt="">
            </div>
            <div>
                <img src="images/10.png" alt="">
            </div>
            <div>
                <img src="images/8.png" alt="">
            </div>
            <div>
                <img src="images/10.png" alt="">
            </div>
            <div>
                <img src="images/8.png" alt="">
            </div>
            <div>
                <img src="images/10.png" alt="">
            </div>
            <div>
                <img src="images/8.png" alt="">
            </div>
            <div>
                <img src="images/10.png" alt="">
            </div>
            <div>
                <img src="images/8.png" alt="">
            </div>
        </div>
    </div>
    <!-- Works模块 -->
    <div class="works w_2">
        <div class="business_top">
            <h1>Works</h1>
            <h3>用我们引以为傲的建站技术与服务,为客户创造无与伦比的价值</h3>
        </div>
        <div class="clients_bottom w">
            <div>
                <img src="images/4.jpg" alt="">
            </div>
            <div>
                <img src="images/9.jpg" alt="">
            </div>
            <div>
                <img src="images/2.jpg" alt="">
            </div>
            <div>
                <img src="images/4.jpg" alt="">
            </div>
            <div>
                <img src="images/3.jpg" alt="">
            </div>
            <div>
                <img src="images/5.jpg" alt="">
            </div>
            <div>
                <img src="images/1.jpg" alt="">
            </div>
            <div>
                <img src="images/5.jpg" alt="">
            </div>
            <div>
                <img src="images/9.jpg" alt="">
            </div>
            <div>
                <img src="images/2.jpg" alt="">
            </div>
            <div>
                <img src="images/3.jpg" alt="">
            </div>
            <div>
                <img src="images/4.jpg" alt="">
            </div>
        </div>
    </div>
    <!-- News模块 -->
    <div class="news w_2">
        <div class="business_top">
            <h1>News</h1>
            <h3>超凡自始至终只专心做一件事情,那就是系统研发及品牌形象建立和推广,把所有精力都放在这上面,所以我们专业,所以我们能做好</h3>
        </div>
        <div class="news_bottom w">
            <div class="box">
                <img src="images/9.jpg" alt="">
                <div class="box_right">
                    <h3>2017网站建设发展新方向</h3>
                    <p>
                        第一个网站建设在上个世纪90年代诞生以来,设计师们尝试了各种网页的视觉效果,早期的网页完全由文本构成,除了一些
                    </p>
                    <div class="box_2">
                        <span>2021.08.07</span>
                        <span>建站知识</span>
                    </div>
                </div>
            </div>
            <div class="box">
                <img src="images/9.jpg" alt="">
                <div class="box_right">
                    <h3>2017网站建设发展新方向</h3>
                    <p>
                        第一个网站建设在上个世纪90年代诞生以来,设计师们尝试了各种网页的视觉效果,早期的网页完全由文本构成,除了一些
                    </p>
                    <div class="box_2">
                        <span>2021.08.07</span>
                        <span>建站知识</span>
                    </div>
                </div>
            </div>
            <div class="box">
                <img src="images/9.jpg" alt="">
                <div class="box_right">
                    <h3>2017网站建设发展新方向</h3>
                    <p>
                        第一个网站建设在上个世纪90年代诞生以来,设计师们尝试了各种网页的视觉效果,早期的网页完全由文本构成,除了一些
                    </p>
                    <div class="box_2">
                        <span>2021.08.07</span>
                        <span>建站知识</span>
                    </div>
                </div>
            </div>
            <div class="box">
                <img src="images/9.jpg" alt="">
                <div class="box_right">
                    <h3>2017网站建设发展新方向</h3>
                    <p>
                        第一个网站建设在上个世纪90年代诞生以来,设计师们尝试了各种网页的视觉效果,早期的网页完全由文本构成,除了一些
                    </p>
                    <div class="box_2">
                        <span>2021.08.07</span>
                        <span>建站知识</span>
                    </div>
                </div>
            </div>
            <div class="box">
                <img src="images/9.jpg" alt="">
                <div class="box_right">
                    <h3>2017网站建设发展新方向</h3>
                    <p>
                        第一个网站建设在上个世纪90年代诞生以来,设计师们尝试了各种网页的视觉效果,早期的网页完全由文本构成,除了一些
                    </p>
                    <div class="box_2">
                        <span>2021.08.07</span>
                        <span>建站知识</span>
                    </div>
                </div>
            </div>
            <div class="box">
                <img src="images/9.jpg" alt="">
                <div class="box_right">
                    <h3>2017网站建设发展新方向</h3>
                    <p>第一个网站建设在上个世纪90年代诞生以来,设计师们尝试了各种网页的视觉效果,早期的网页完全由文本构成,除了一些</p>
                    <div class="box_2">
                        <span>2021.08.07</span>
                        <span>建站知识</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Contact模块 -->
    <div class="contact w_2">
        <h1 class="contact_top">Contack</h1>
        <div class="contact_bottom">
            <div class="contact_bottom_left iconfont">
                <h2>联系方式</h2>
                <h3>手机：138012348913</h3>
                <h3>邮箱：tina@foxmail.com</h3>
                <h3>官网：https://handuner.github.io/chaofan.com</h3>
                <h3>地址：珠海市香洲区人民东路221大楼506室</h3>
                <div class="box">
                    <div class="box1">
                        <img src="images/1-1.png" alt="">
                        <div class="box2">
                            <span>在线服务咨询</span>
                            <p>online consultation</p> 
                        </div>
                    </div>
                    <div class="box1">
                        <img src="images/1-1.png" alt="">
                        <div class="box2">
                            <span>400-8910-756</span>
                            <p>全国免费建站咨询</p> 
                        </div>
                    </div>
                </div>
                <div class="qrc">
                    <img src="images/1-3.png" alt="">
                    <p>关注我们</p>
                </div>
            </div>
            <div class="contact_bottom_right iconfont">
                <h2>在线提交申请</h2>
                <ul class="contact_bottom_right_form">
                    <li>
                        <label for="">公&nbsp;&nbsp;&nbsp;司：</label>
                        <input type="text">
                    </li>
                    <li>
                        <label for="">需&nbsp;&nbsp;&nbsp;求：</label>
                        <input type="text">
                    </li>
                    <li>
                        <label for="">联系人：</label>
                        <input type="text">
                    </li>
                    <li>
                        <label for="">电&nbsp;&nbsp;&nbsp;话：</label>
                        <input type="text">
                    </li>
                    <li>
                        <label for="">邮&nbsp;&nbsp;&nbsp;件：</label>
                        <input type="text">
                    </li>
                    <li>
                        <label for="">说&nbsp;&nbsp;&nbsp;明：</label>
                        <input type="text">
                    </li>
                </ul>
                <div class="contact_bottom_right_span">
                    <span>发送您的需求</span>
                    <span>重置</span>
                </div>
            </div>
        </div>
   </div>
   <!-- footer模块 -->
   <footer class="w_2">珠海超凡科技有限公司&nbsp;|&nbsp;Completed on 2021.08.10.01:47 By:HanDuner&nbsp;|&nbsp;This is the firt phase of the FE, used by HTML and CSS !!</footer>
</body>
</html>